.wrapper{
  width: 100%;
  height: 3000px;
  background-color: rgba(23, 23, 50, 0.5);
  justify-content: center;
}
.wrapper .left{
  float: left;
  width: 30%;
  height: 55%;
}
.wrapper .login-01{
  float: left;
  width:60%;
  height: 55%;
  margin:0;
  background: url(../img/gif/switchmenured.png) no-repeat;
  background-size: 100% auto;
}
form {
   margin: 0 5% 0 5%;
}
form ul{
  list-style:none;
  margin:25% 5% 0 27%;
  padding:0;
  height: auto;
}
form ul li.first,form ul li.second{
  border:none;
  list-style:none;
  margin-bottom:5%;
  width:100%;
}
form ul li.first{
  height: 5%;
}
form ul li.second{
  height: 10%;
}
.first .text{
  width:60%;
  height: 60%;
  border-radius: 5px;
  vertical-align:middle;
}
.second .Message{
  width:50%;
  height: 100%;
  border-radius: 5px;
  vertical-align:middle;
}
form .button{
  font-size: 17px;
  font-weight: 300;
  color: #fff;
  cursor: pointer;
  outline: none;
  padding: 10px 10px;
  width: 25%;
  border: 2px solid #F79D29;
  float: right;
  background: #F79D29;
  border-radius: 0.3em;
  -o-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  margin:2% 40% 25%;
  transition: 0.1s all;
  -webkit-transition: 0.1s all;
  -moz-transition: 0.1s all;
  -o-transition: 0.1s all;
}
form .button:hover{
-webkit-transform: rotate(4deg);
  transform: rotate(4deg);
  -o-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
}